/* Element Plus组件样式覆盖 */

/* 卡片组件样式覆盖 */
.el-card[class*='is-hover-shadow'],
.el-card.is-hover-shadow {
  transition: none !important;
}

.el-card[class*='is-hover-shadow']:hover,
.el-card.is-hover-shadow:hover {
  transform: translateY(-3px) !important;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  box-shadow: var(--app-shadow-hover) !important;
}

.el-card {
  transition-property: all !important;
  transition-duration: 0.3s !important;
  transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  transition-delay: 0s !important;
}

.el-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: var(--app-shadow-hover) !important;
}

/* 确保卡片内部元素样式一致 */
.el-card__header {
  padding: var(--app-spacing-md) !important;
  border-bottom: 1px solid var(--app-border-color) !important;
  background-color: transparent !important;
}

.el-card__body {
  padding: var(--app-spacing-md) !important;
  color: var(--app-text-regular) !important;
}

/* 暗黑模式下的卡片样式 */
.dark-mode .el-card {
  background: rgba(35, 35, 35, 0.8) !important;
  border-color: rgba(80, 80, 80, 0.2) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

.dark-mode .el-card:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3) !important;
}

.dark-mode .el-card .el-card__header {
  border-bottom-color: rgba(80, 80, 80, 0.3) !important;
  background-color: rgba(0, 0, 0, 0.2) !important;
}
